<template>
<div>
  <h3>登录页面</h3>
  <table class="table table-bordered">
    <tbody>
      <tr>
        <td align="right">账号</td>
        <td><input type="text" v-model="name"></td>
      </tr>
      <tr>
        <td align="right">密码</td>
        <td><input type="password" v-model="pwd"></td>
      </tr>
      <tr>
        <td align="right"></td>
        <td><input type="button" value="登录" @click="login" ></td>
      </tr>
    </tbody>
  </table>
</div>
</template>
<script setup lang="ts">
import { ref,reactive } from 'vue'

let name = ref("");
let pwd = ref("")

const login=()=>{
  alert(name.value+","+pwd.value)
}

</script>
<style>

</style>

